<%-- 
    Document   : mainPeriodo
    Created on : 09-abr-2012, 9:41:19
    Author     : Alumno
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <script type="text/javascript">
        function formperiodo(){
            
            $.ajax({                
                type:"GET",
                url:"formPer.mdz",
                data:"",
                success: function(datos){                                        
                    $("#divPeriodInsert").html(datos);
                    $("#divPeriodInsert").html($("#formViewPeriot").html());
                    $("#divPeriodInsert").show();
                    //alert($("#divPeriodInsert").html());
                }                
            });
            
        }
        </script>    
    </head>
    
    <body>
        
        <div id="divPeriodInsert" style="display: none">
            
        </div>
        
        
        <a href="#" onclick="formperiodo()">Add Periodo</a>
        
        <p><c:out  value="${msg}" /></p>
        
        
        <c:if test="${!empty reporte}">
            <table border="1">
                <thead>
                    <tr>
                        <th colspan="8" style="background-color: antiquewhite" >Reorte de Periodo</th>
  
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Id</td>
                        <td>Nombres y Apellidos</td>                        
                        <td>Carrera</td>
                        <td>Curso</td>
                        <td>Hora de Inicio</td>
                        <td>Hora Limite</td>
                        
                        <td># Falta</td>
                        <td colspan="3"><center>Opciones</center></td>
                    </tr>     
                    <%int i=0;%>
                    <c:forEach items="${reporte}" var="a">
                    <tr>
                        <td><c:out value="${a.cargaDocenteId}" /></td>
                        <td><c:out value="${a.docenteId.personaId.nombres}" /><c:out value="  ${a.docenteId.personaId.apellidoPat}" /></td>
                        <td><c:out value="${a.carreraId.nombre}" /></td>
                        <td><c:out value="${a.cursoId.nombre}" /></td>
                        <td><c:out value="${a.horaInicio}" /></td>
                        <td><c:out value="${a.horaFin}" /></td>                        
                        <td><a href="eliminarPeriodo.mdz?idPeriodo=${a.cargaDocenteId}">EliminarSql</a></td>
                        <td><a href="eliminarPeriodo2.mdz?idPeriodo=${a.cargaDocenteId}">EliminarHql</a></td>
                        <td><a href="editPeriodo.mdz?idPeriodo=${a.cargaDocenteId}">EditarPeriodo</a></td>
                    </tr>                                        
                    </c:forEach>
                </tbody>
            </table>
        </c:if>
    </body>
</html>
